<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>taobao</title>
	<style>
.a{
	width: 250px;
	height: 400px;
	background-color:  white;
	/*background-image: url("01.jpg");*/
	float: left;
	}
	.name{
		width: 780px;
		height: 450px;
	}
	/*.name1{
		width: 500px;
		height: 200px;
		float: left;
	}
	.name2{
		width: 500px;
		height: 200px;
		float: left;
	}*/
	.a1{
		width: 250px;
		height: 200px;
		background-color: white;
		/*background-image: url("02.jpg");*/
		float: left;
	}
	.a2{
		width: 250px;
		height: 200px;
		background-color:white; 
		/*background-image: url("03.jpg");*/
		float: left;
	}
	.b1{
		width: 250px;
		height: 200px;
		background-color: white;
		/*background-image: url("04.jpg");*/
		float: left;
	}
	.b2{
		width: 250px;
		height: 200px;
		background-color: white;
		/*background-image: url("05.jpg");*/
		float: left;
	}
	.n1{
		color: blue;
		font-family:黑体 ;
		margin-left: 10px;
	}
	.c1{
		margin-bottom: 0;
		margin-left: 10px;
		font-family:幼圆;
	}
	.c2{
		color: gray;
		margin-top: 0;
		margin-left: 10px;
		font-family:幼圆;
	}
	.img1{
		margin-left: 25px;
	}
	.n2{
		color: red;
		font-family:微软雅黑 ;
		margin-left: 10px;
	}
	.img2{
		margin-left: 120px;
		margin-top: -100px;
	}
	.n3{
		color: blue;
		font-family:微软雅黑 ;
		margin-left: 10px;
	}
	.img3{
		margin-left: 100px;
		margin-top: -100px;
	}
	.n4{
		color: skyblue;
		font-family:微软雅黑 ;
		margin-left: 10px;
	}
	.img4{
		margin-left: 90px;
		margin-top: -70px;
	}
	.n5{
		color: green;
		font-family:微软雅黑 ;
		margin-left: 10px;
	}
	.img5{
		margin-left: 130px;
		margin-top: -70px;
	}
	</style>

</head>
<body>
<div class="name">
	<div class="a">
		<h2 clacc="n1">焕新</h2>
		<h3 class="c1">品牌精选新品</h3>
		<h3 class="c2">每日新品首发</h3>
		<img class="img1" src="01.jpg">
	</div>
	<!-- <div class="name1"> -->
		<div class="aa a1">
		<h2 class="n2">必抢</h2>
		<h3 class="c1">牛货集结</h3>
		<h3 class="c2">件件必抢</h3>
			<img class="img2" src="02.jpg">
		</div>
		<div class="aa a2">
		<h2 class="n3">手机馆</h2>
		<h3 class="c1">新品手机</h3>
		<h3 class="c2">12期免息</h3>
		<img class="img3" src="03.jpg">
		</div>
	<!-- </div>
	<div class="name2"> -->
		<div class="bb b1">
		<h2 class="n4">酷玩街</h2>
		<h3 class="c1">创意神器</h3>
		<h3 class="c2">潮炫智能</h3>
			<img class="img4" src="04.jpg">
		</div>
		<div class="bb b2">
		<h2 class="n5">喵生鲜</h2>
		<h3 class="c1">全球精选生鲜</h3>
		<h3 class="c2">一站式购齐</h3>
			<img class="img5" src="05.jpg">
		</div>
	<!-- </div> -->
</div>
</body>
</html>